<html>
<head>
	<!-- 
		Smash Burger App
		By Akiva Bamberger
	
		"Eating is the sleeping of being awake"
 	-->
	<title>SmashBurger{{path}}</title>

	<link rel="stylesheet" type="text/css" media="screen" href="stylesheets/main.css" />
	<script
	src="http://www.google.com/jsapi?key=ABQIAAAAblynFX_DG3mIRtY3xVjQphQ9TVCSx0dWPlPvgmIvA382X8MrcRQuWRbfT_Sj2NkDpttuvX83jVZ4zQ"
	type="text/javascript"></script>
	<script src="scripts/min.js" type="text/javascript"></script>
</head>
<body>
	<div id="logoHeader">
		<a href='http://www.smashburger.com'>
		<span class='logo'></span>
		</a>
	</div>
	<div id="wrapper">
		<a id="login" href={{url}}>{{url_linktext}}</a>
		{% if allUsers %}
			{% for myUser in allUsers %}
				Hello, {{myUser.name}}!
			{% endfor %}
		{% else %}
		{% if user %}
			Hi, {{user}}. Care to share your name?
			<form action='/addSmashBurgerer' method='post'><input type='text' name='name' /><input type='submit' /></form>
		{% else %}
			{{signin}}
		{% endif %}
		{% endif %}
		<br /><br />
    	<div id="allContent">
    	<a id="makeYourOwnLink" href="#">make your own sammich</a>
    	<div style="display: none" id="whatWeHave"></div>
    	<div id="makeYourOwnContent">
			<a id="prevMakeYourOwn" href="#">prev</a>
    		<a id="nextMakeYourOwn" style="float:right" href="#">next</a>	
    		<br />
    		{% for topic in topics %}
    			<a class="topicLink" id="topic-link-{{forloop.counter}}" href="#">{{topic}}</a> >>
    		{% endfor %}
    		<a class = "topicLink" id="finalize" href="#">Finalize</a>
    			<div class="topicFinal" style="display: none" id="topic-final">This is a test</div> 
    		{% for topic in topics %}
    			{% ifequal forloop.counter 1 %}
    				<div class="topic" id="topic-{{forloop.counter}}">
    			{% else %}
	   				<div class="topic" style="display:none" id="topic-{{forloop.counter}}">
	   			{% endifequal %}
    			{% for thing in makeYourOwn %}
    				{% ifequal thing.0 topic %}
    					<div class="menu_item" id="item-{{forloop.parentloop.counter}}-{{forloop.counter}}">{{thing.1}} | ${{thing.2}}</div>
    				{% endifequal %}
    			{% endfor %}
    			<div style="clear:both"></div>
    			</div>
    		{% endfor %}
    	</div><br />
    	<a id="orderLink" href='#'>add something from the menu!</a>
			<div id="orderContent" style="display:none">
				{% for thing in onMenu %}
				<div class="food_wrapper">
					<div class="food" id="food-{{forloop.counter}}">
					<div class="food_item" name="{{thing.1}}" cost="{{thing.2}}"></div>
					<img src={{thing.0}} /></div>
				</div>
				{% if forloop.counter|divisibleby:"7"%}
				<div style="clear:both"></div>
				{% endif %}
				{% endfor %}
				<br />
		{% if pastburgers %}	
			</div>
			<div id="closeContent"><a id="previousLink" href="#">view previous creations</a></div>
			<div id="previousContent" style="display: none" >		
				past creations<br />
				{% for meal in pastburgers %}
				<p>"{{meal.name}}" (${{meal.cost}}) by {{meal.author}}: <br />
					{{meal.details}} 
				</p>
				{% endfor %}
			<div id="content"></div>
			<div id="testContent"></div>
			</div>
		</div>
		{% endif %}
</div>
</body>
</html>
